@charset "utf-8";
body {
height: 100%;
font: 12px/1.75 Tahoma,Arial;
background-image:url('../images/bg.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}
label {
display: block;
margin-bottom: 5px;
color: #333;
cursor: pointer;
}
/* ---登陆框,注册框--- */
.front-signin {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 166px;

}
.front-welcome, .front-signin, .front-signup {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter:alpha(opacity=80); /*IE滤镜*/
-moz-opacity:0.8; /*Firefox私有*/
opacity:0.8;/*其他*/
}
.front-signup {
position: absolute;
top: 175px;
left: 0;
width: 300px;
height: 259px;
}
.front-signin, .front-signup {
background: white;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#DDD));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0);
border-left: solid 1px #EEE;
border-right: solid 1px #EEE;
border-bottom: solid 1px #CCC;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
/*  登陆输入框 */
.placeholding-input .placeholder {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 2px;
z-index: 1;
height: 20px;
padding: 4px;
font-size: 13px;
line-height: 30px;
color: #999;
white-space: nowrap;
cursor: text;
-webkit-transition: opacity .1s,font-size .1s;
-moz-transition: opacity .1s,font-size .1s;
-o-transition: opacity .1s,font-size .1s;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

.front-signin .username {
color: #333;
}
.signin .password, .signin .username {
font-size: 13px;
}
.front-signin .username {
position: absolute;
top: 12px;
left: 12px;
width: 276px;
color: #333;
}
.front-signin .placeholding-input {
height: 30px;
}
.signin .password, .signin .username {
width: 150px;
font-size: 13px;
}
.placeholding-input {
position: relative;
overflow: visible;
}
.username {
direction: ltr;
unicode-bidi: embed;
}
.front-signin .username .text-input {
width: 266px;
}
.front-card .text-input {
height: 30px;
}
.front-card .text-input {
border: 1px solid #CCC;
-webkit-box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
-moz-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0;
box-shadow: inset 0 1px 0 #EEE,white 0 1px 0;
}
.holding {
	position: relative;
}
.holding input{
outline: 0;
margin-top:20px;
margin-left:19px;
padding: 8px 6px;
width: 250px;
border: 1px solid #CCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2);
line-height:1.5;
}
.holding .holder {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 2px;
z-index: 1;
height: 20px;
padding: 4px;
margin-top:22px;
margin-left:19px;
font-size: 13px;
line-height: 20px;
color: #999;
white-space: nowrap;
cursor: text;
-webkit-transition: opacity .1s,font-size .1s;
-moz-transition: opacity .1s,font-size .1s;
-o-transition: opacity .1s,font-size .1s;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.holding input:focus {
	border-color: rgba(82, 168, 236, .75);
box-shadow: 0 0 8px rgba(82,168,236,.5);
-moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
}
.holding input:focus + label.holder {
	opacity: .6;
}
.hasome input {
	color:#333
}
.hasome .holder {
	opacity:0;
	filter:alpha(opacity=0);
	font-size:0!important
}
.front-signin .remember, .front-signin .forgot, .front-signin .separator {
display: inline;
margin: 0;
font-size: 11px;
line-height: 13px;
color: #999;
-webkit-text-shadow: 0 1px 0 rgba(255,255,255,.6);
-moz-text-shadow: 0 1px 0 rgba(255,255,255,.6);
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}
.front-signin .remember input[type="checkbox"] {
margin: 0;
height: 13px;
vertical-align: text-top;
}
.front-signin .remember, .front-signin .forgot, .front-signin .separator {
font-size: 11px;
line-height: 13px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}
.front-signin .separator {
margin: 0 1px 0 2px;
font-weight: bold;
color: #999;
}
.front-signin .remember, .front-signin .forgot, .front-signin .separator {
display: inline;
margin: 0;
font-size: 11px;
line-height: 13px;
color: #999;
-webkit-text-shadow: 0 1px 0 rgba(255,255,255,.6);
-moz-text-shadow: 0 1px 0 rgba(255,255,255,.6);
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}
.front-signup h2, .front-signin h2 {
position: relative;
display: block;
padding: 10px 12px;
font-size: 16px;
font-weight: 300;
color: #777;
border-bottom: 1px solid #E2E2E2;
-webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 white;
-webkit-text-shadow: 0 1px 0 rgba(255,255,255,.6);
-moz-text-shadow: 0 1px 0 rgba(255,255,255,.6);
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}